<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title><%=title%></title>
    <!-- 最新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="/bootstrap-3.3.0-dist/css/bootstrap.min.css">

    <!-- 可选的Bootstrap主题文件（一般不用引入） -->
    <link rel="stylesheet" href="/bootstrap-3.3.0-dist/css/bootstrap-theme.min.css">

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="/javascripts/jquery-3.1.1.min.js"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="/bootstrap-3.3.0-dist/js/bootstrap.min.js"></script>
    <!-- 最新的 angularjs 核心 JavaScript 文件 -->
    <script src="/javascripts/angular.min.js"></script>
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top" role="navigation" style="background: #379BE9;color: white">
    <div class="container">
        <div class="navbar-header">
            <a class="navbar-brand" href="/" style="color: white">YOUTHFIGHTER</a>
        </div>
    </div>
</nav>
<div class="container" style="background-color: #F6F4EC">
    <div class="row">
        <div class="col-md-12 col-sm-12"><h2><%=book.bookName%></h2></div>
    </div>
    <div class="row">
        <div class="col-md-6 col-sm-6"><h4><%-book.author%></h4></div>
        <div class="col-md-6 col-sm-6"><h4><%-book.author%></h4></div>
    </div>
    <div class="row" style="border-bottom:#000000 1px dashed">
        <div class="col-md-6 col-sm-6"><h4><%=book.updateDate%></h4></div>
        <div class="col-md-6 col-sm-6"><h4><a href="#"><%=book.updateChapter%></a></h4></div>
    </div>
    <div class="row">
        <div class="col-md-12 col-sm-12">
            <h5 style="text-indent:2em;line-height:30px"><%-book.description%></h5>
        </div>
    </div>
    <div class="row">
        <ul style="list-style: none">
            <%for(var i=0;i<book.chapterList.length;i++){%>
            <li class="col-md-4 col-sm-4" style="line-height: 30px">
                <a href="/book/<%=book._id%>/<%=book.chapterList[i].index%>" id=<%=book.chapterList[i]._id%>><%=book.chapterList[i].chapterName%></a>
            </li>
            <%}%>
        </ul>
    </div>
</div>
</body>
</html>